<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit">
		<title>组织管理</title>
	    <meta name="keywords" content="菜单栏目管理">
	    <meta name="description" content="菜单栏目管理">
		<!-- css -->
		<link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
	    <link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
	    <link href="../css/animate.min.css" rel="stylesheet">
	    <link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
	    <link href="../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"> 
	    <link href="../css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
	    <link href="../css/plugins/chosen/chosen.css" rel="stylesheet">
	    <!-- css 树 -->
		<link rel="stylesheet" href="../common/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
	    <!-- customer css -->
	    <style type="text/css">
	    	.row {
				padding: 0px;
				margin: 0px;
			}
			
			.op {
				padding: 15px 0px 0px 15px;
			}
			
			.form-group {
			    margin-bottom: 10px;
			}
			
			.ztree li span.button.add {
				margin-left: 2px;
				margin-right: -1px;
				background-position: -144px 0;
				vertical-align: top;
				*vertical-align: middle
			}
			
			div.content_wrap {
				width: 100%;
				height: 400px;
			}
			
			div.content_wrap div.left {
				float: left;
				width: 40%;
			}
			
			div.content_wrap div.right {
				float: left;
				width: 60%;
			}
			
			div.zTreeDemoBackground {
				width: 250px;
				height: 362px;
				text-align: left;
			}
			
			ul.ztree {
				margin-top: 10px;
				border: 1px solid #617775;
				background: #f0f6e4;
				width: 295px;
				height: 400px;
				overflow-y: scroll;
				overflow-x: auto;
			}
			
			ul.log {
				border: 1px solid #617775;
				background: #f0f6e4;
				width: 300px;
				height: 170px;
				overflow: hidden;
			}
			
			ul.log.small {
				height: 45px;
			}
			
			ul.log li {
				color: #666666;
				list-style: none;
				padding-left: 10px;
			}
			
			ul.log li.dark {
				background-color: #E3E3E3;
			}
			
			/* ruler */
			div.ruler {
				height: 20px;
				width: 220px;
				background-color: #f0f6e4;
				border: 1px solid #333;
				margin-bottom: 5px;
				cursor: pointer
			}
			
			div.ruler div.cursor {
				height: 20px;
				width: 30px;
				background-color: #3C6E31;
				color: white;
				text-align: right;
				padding-right: 5px;
				cursor: pointer
			}
	    </style>
	</head>
	<body class="gray-bg">
	    <div class="wrapper wrapper-content animated fadeInRight">
	        <div class="ibox float-e-margins">
				<div class="ibox-content">
			        <div class="row row-lg">
	                	<div class="op col-sm-12">
	                		<button type="button" id="btnSaveOrg" title="保存整个菜单目录" class="btn btn-outline btn-default power-btn" power="OrgAllSort"><span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span>保存</button>
	                		<button type="button" id="btnRefreshOrg" title="刷新整个菜单目录" class="btn btn-outline btn-default power-btn" power="OrgAllRefresh"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>刷新</button>
	                		<button type="button" id="btnDownOrg" title="整个菜单目录展开" class="btn btn-outline btn-default" ><span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>展开</button>
	                		<button type="button" id="btnUpOrg" title="整个菜单目录关闭" class="btn btn-outline btn-default"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>合并</button>
	                	</div>
	                    <div class="col-sm-12">
	                    	<div class="content_wrap">
	                    		<table style="width: 100%">
	                    			<tr>
	                    				<td style="width: 30%">
	                    					<!-- 菜单树配置  start-->
											<div class="zTreeDemoBackground">
												<ul id="treeOrg" class="ztree"></ul>
											</div>
	                    				</td>
	                    				<td class="right power-btn" power="OrgDetails" style="display:none;">
	                    					<form class="form-horizontal m-t" id="orgForm">
												<input type="hidden" id="orgId" value=""/>
												<input type="hidden" id="parentOrgId" value=""/>
												<input type="hidden" id="type" value="1"/>
												<input type="hidden" id="sortBy" value=""/>
					                            <div class="form-group">
					                                <label class="col-sm-3 control-label">名称：</label>
					                                <div class="col-sm-8">
					                                    <input id="orgName" name="orgName" class="form-control" type="text">
					                                </div>
					                            </div>
					                            <div id="divOrgCode" class="form-group">
					                                <label class="col-sm-3 control-label">编码：</label>
					                                <div class="col-sm-8">
					                                    <input id="orgCode" name="orgCode" class="form-control" type="text">
					                                </div>
					                            </div>
					                            <div class="form-group">
					                                <label class="col-sm-3 control-label">状态：</label>
					                                <div class="col-sm-8">
					                                    <select id="status" name="status" class="form-control">
					                                        <option value="1">启用</option>
					                                        <option value="0">禁用</option>
					                                    </select>
					                                </div>
					                            </div>
					                            <!-- 
					                            <div id="divModule" class="form-group">
					                                <label class="col-sm-3 control-label">角色：</label>
					                                <div class="col-sm-8">
					                                    <select id="roleIds" data-placeholder="请选择角色" class="chosen-select" multiple tabindex="4"></select>
					                                </div>
					                            </div>
					                             -->
					                            <div class="form-group">
					                                <label class="col-sm-3 control-label">备注：</label>
					                                <div class="col-sm-8">
					                                    <textarea id="remark" name="remark" class="form-control" style="height: 100px;"></textarea>
					                                </div>
					                            </div>
					                            <div class="form-group">
					                                <div class="col-sm-8 col-sm-offset-3">
					                                    <button id="btnSaveOrgNode" class="btn btn-primary power-btn" power="OrgSave" style="width:80px;" type="button"><span class="fa fa-save" aria-hidden="true"></span> 保 存 </button>
					                                    <button id="btnCloseOrgNode" class="btn btn-primary" style="width:80px;" type="button"><span class="fa fa-close" aria-hidden="true"></span> 关 闭 </button>
					                                </div>
					                            </div>
					                        </form>
	                    				</td>
	                    			</tr>
	                    		</table>
							</div>
							<!-- 菜单树配置  end-->
	                    </div>
	                    <div class="col-sm-12"><br/><br/></div>
	                </div>
				</div>
			</div>
		</div>
		<!-- js -->
		<script src="../js/jquery.min.js?v=2.1.4"></script>
	    <script src="../js/bootstrap.min.js?v=3.3.6"></script>
	    <script src="../js/content.min.js?v=1.0.0"></script>
	    <script src="../js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	    <script src="../js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
	    <script src="../js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
		<script src="../js/plugins/validate/jquery.validate.min.js"></script>
	    <script src="../js/plugins/sweetalert/sweetalert.min.js"></script>
		<!-- js 下拉框-->
	    <script src="../js/plugins/chosen/chosen.jquery.js"></script>
	    <!-- js 树 -->
	    <script type="text/javascript" src="../common/zTree/js/jquery.ztree.core.js"></script>
		<script type="text/javascript" src="../common/zTree/js/jquery.ztree.excheck.js"></script>
		<script type="text/javascript" src="../common/zTree/js/jquery.ztree.exedit.js"></script>
		<script src="../common/js/aes.js" type="text/javascript"></script>
		<script src="../common/js/CommonUtils.js"></script>
	    <script src="org_list.js"></script>
	</body>
</html>
